<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="UTF-8" />
<title></title>
		
		<!-- Dependencies -->
		<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
		
		<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
		<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
		
		<script src="../../../../scripts/jquery_ui/jquery.ui.mouse.js" type="text/javascript"></script>
		<script src="../../../../scripts/jquery_ui/jquery.ui.draggable.js" type="text/javascript"></script>		
		<!-- Core files -->
		<script src="../jquery.messagebox.js" type="text/javascript"></script>
		<link href="../jquery.messagebox.css" rel="stylesheet" type="text/css" media="screen" />
		<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
		
		<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
		
		<!-- Example script -->
		<script type="text/javascript">
			$(document).ready( function() {
				
				$("#info_button").click( function() {
					$.messageBox.info({
					   message:'This is a custom info box',
					   timeout:$("#timeId").val()
					});
				});
				
				$("#warning_button").click( function() {
					$.messageBox.warning({
					   message:'This is a custom info box',
					   timeout:$("#timeId").val()
					});
				});
				
				$("#error_button").click( function() {
					$.messageBox.error({
					   message:'This is a custom info box',
					   timeout:$("#timeId").val()
					});
				});
				
				$("#success_button").click( function() {
					$.messageBox.success({
					   message:'This is a custom info box',
					   timeout:$("#timeId").val()
					});
				});
				
				$("#confirm_button").click( function() {
					$.messageBox.confirm({
					   message:'This is a custom info box',
					   callback:function(result){alert("result:" + result);},
					   timeout:$("#timeId").val()
					});
				});
				
				$("#prompt_button").click( function() {
					$.messageBox.prompt({
					   message:'This is a custom info box',
					   timeout:$("#timeId").val()
					});
				});
			});
		</script>
		
	</head>
	
	<body>
				请选择自动关闭提示对话框的时间，然后再点击下面的按钮：<br/><br/>
				限时时间：<select id="timeId">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				</select> 秒<br/><br/>
				<input id="info_button" type="button" value="Show Info" />
		
				<input id="warning_button" type="button" value="Show Warning" />
		
				<input id="error_button" type="button" value="Show Error" />
		
				<input id="success_button" type="button" value="Show Success" /><br/><br/>
		
				<input id="confirm_button" type="button" value="Show Confirm" />
		
				<input id="prompt_button" type="button" value="Show Prompt" />

</body>
</html>
